<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="format.css" />
	<title>Facelets Template</title>
</h:head>
<h:body>
	<ui:composition template="/template.xhtml">
		<ui:define name="ui_right">
			<h:form prependId="false" id="wiadomosc">
				<p:growl id="messages" />

				<p:panel header="Wyszukiwanie ogłoszeń">
					<h:panelGrid columns="4" columnClasses="column" cellpadding="5">
						<h:outputText value="Tytuł: " />

						<h:inputText id="title"
							value="#{displayAdvertisementsBean.titleLike}" />

						<h:outputText value="Treść: " />

						<p:inputText id="content"
							value="#{displayAdvertisementsBean.contentLike}" />


						<h:outputLabel for="category" value="Kategoria:" />

						<p:selectOneMenu id="category"
							value="#{displayAdvertisementsBean.category}">
							<f:selectItem itemValue="" itemLabel="Wybierz" />
							<f:selectItems value="#{categoryBean.categories}" var="y"
								itemLabel="#{y.name}" itemValue="#{y.name}" />
						</p:selectOneMenu>


						<h:outputText value="Typ ogłoszenia: " />

						<p:selectOneMenu id="type"
							value="#{displayAdvertisementsBean.type}">
							<f:selectItem itemValue="" itemLabel="Wybierz" />
							<f:selectItems value="#{advertisementTypeBean.types}" var="y"
								itemLabel="#{y.name}" itemValue="#{y.name}" />
						</p:selectOneMenu>


						<h:outputText value="Ważne od: " />
						<p:calendar value="#{displayAdvertisementsBean.addedAfter}"
							id="popupCal1" />


						<h:outputText value="Ważne do: " />

						<p:calendar value="#{displayAdvertisementsBean.activeToDate}"
							id="popupCal2" />



						<p:commandButton value="Szukaj"
							action="#{displayAdvertisementsBean.getAdvertisementsFromSearch()}"
							update="znalezione" />
					</h:panelGrid>
				</p:panel>

				<p:dataTable id="znalezione"
					value="#{displayAdvertisementsBean.getAdvertisementsFromSearch()}"
					var="o" paginator="true" rows="5" rowsPerPageTemplate="5, 10, 15"
					emptyMessage="Nie znaleziono żadnych ogłoszeń">

					<p:column headerText="Ważne od" style="width:100px">  
				            #{o.startDate}
				        </p:column>
					<p:column headerText="Tytuł" style="width:100px">  
				            #{o.title}
				        </p:column>

					<p:column headerText="Treść" style="width:300px">  
				            #{o.content}
				        </p:column>

					<p:column headerText="Kategoria" style="width:100px">  
				             #{o.category.name}
				        </p:column>

					<p:column headerText="Typ" style="width:100px">  
				             #{o.type.name}
				        </p:column>

					<p:column style="width:40px">
						<h:panelGrid columns="3" styleClass="actions" cellpadding="2">

							<p:commandButton id="selectButton" title="Przejdź" ajax="false"
								icon="ui-icon-search" action="result">
								<f:setPropertyActionListener
									target="#{displayAdvertisementsBean.selectedAdvertisement}"
									value="#{o}" />
							</p:commandButton>

						</h:panelGrid>
					</p:column>

				</p:dataTable>

			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>
